<template>
<main>


<div class="nagivate">
  <Navigation />
</div>
<div class="container">
<router-view />
</div>

</main>
</template>

<script>
import Navigation from '../components/navigation.vue';
export default {
  name: 'router-practise',
  data() {
    return {

    }
  },
  components: {
    Navigation,
  },
  methods: {
    handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      }
  },
}
</script>

<style scoped>
main{
  display: flex;
  align-items: flex-start;
}
.nagivate {
  width: 33%;
}
.container {
  flex: 1;
}
</style>

